<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>036-HTML5-Input类型-range</title>
</head>

<body>
    <!-- range 类型用于应该包含一定范围内数字值的输入域。 -->
    <!-- range 类型显示为滑动条。 -->

    <!-- 定义一个不需要非常精确的数值（类似于滑块控制）: -->
    <form action="demo-form.php" method="get">
        Points: <input type="range" name="points" min="1" max="10">
        <input type="submit">
    </form>

    <p><b>注意:</b> Internet Explorer 9 及更早 IE 版本不支持 type="range"。</p>

    <!-- max - 规定允许的最大值 -->
    <!-- min - 规定允许的最小值 -->
    <!-- step - 规定合法的数字间隔 -->
    <!-- value - 规定默认值 -->
</body>

</html>